<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>Elegant Shop</title><link rel="stylesheet " href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/><link rel="stylesheet" href="./css/main.css"/><script src="./js/index.bundle.js" defer></script></head><body><div class="header__offer offer"><div class="container offer__container"> <img src="./img/icons/ticket-percent.svg" alt="tiket percent" class="offer__img"/><p class="offer__text">30% off storewide&#160;&#8212; Limited time!</p> <a href="" class="offer__link">Shop Now<img src="./img/icons/arrow-right.svg" alt="offer arrow" class="offer__arrow"/></a> <img src="./img/icons/close.svg" alt="close" class="offer__close"/></div></div><div class="header__nav nav"><div class="container nav__container"><div class="nav__logo"> 3legant <img src="./img/icons/menu-line-horizontal.svg" alt="menu" class="nav__burger"/></div><ul class="nav__list"><li class="nav__item"><a href="#" class="nav__link">Home</a></li><li class="nav__item"><a href="#" class="nav__link">Shop</a></li><li class="nav__item"><a href="#" class="nav__link">Product</a></li><li class="nav__item"><a href="#" class="nav__link">Contact Us</a></li></ul><div class="mobile-nav"> <img src="./img/icons/close.svg" alt="mobile-nav" class="mobile-nav__close"/><ul class="mobile-nav__list"><li class="mobile-nav__item"> <a href="#" class="mobile-nav__link">Home</a></li><li class="mobile-nav__item"> <a href="#" class="mobile-nav__link">Shop</a></li><li class="mobile-nav__item"> <a href="#" class="mobile-nav__link">Product</a></li><li class="mobile-nav__item"> <a href="#" class="mobile-nav__link">Contact Us</a></li></ul></div><ul class="nav__icons"><li class="nav__icon"> <a href="#" class="nav__icon-link"><img src="./img/icons/search.svg" alt="search" class="nav__icon-img"/></a></li><li class="nav__icon"> <a href="#" class="nav__icon-link"><img src="./img/icons/user.svg" alt="user" class="nav__icon-img"/></a></li><li class="nav__icon"> <a href="#" class="nav__icon-link"><img src="./img/icons/cart.svg" alt="cart" class="nav__icon-img"/></a></li></ul></div></div><div class="header__hero hero"><div class="container-100 hero__container"><div class="hero__content"><h1 class="hero__title"> Listen to&#160;<br/> the <span class="hero__title-acsent">amazing</span> music sound.</h1><p class="hero__subtitle">Experience music like never before</p> <a href="" class="hero__btn site-btn">Shopping Now</a></div></div></div><section class="arrivals"><div class="container arrivals__container"><h2 class="arrivals__title">New Arrivals</h2><div class="arrivals__dots"><div class="swiper-pagination"></div></div></div><div class="container-right"><div class="arrivals__slider"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><div class="cart"><div class="cart__header"> <img src="./img/arrivals/01.jpg" srcset="./img/arrivals/01@2x.jpg" alt="cart__img"/><div class="cart__status">New</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Skullcandy&#160;&#8212; Crusher anc 2 wireless headphones</p><p class="cart__price">$299.99</p></div></div></div><div class="swiper-slide"><div class="cart"><div class="cart__header"> <img src="./img/arrivals/02.jpg" srcset="./img/arrivals/02@2x.jpg" alt="cart__img"/><div class="cart__status">New</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Beats Studio Pro</p><p class="cart__price">$349.99</p></div></div></div><div class="swiper-slide"><div class="cart"><div class="cart__header"> <img src="./img/arrivals/03.jpg" srcset="./img/arrivals/03@2x.jpg" alt="cart__img"/><div class="cart__status">New</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Sony&#160;&#8212; WH-CH720N Wireless Noise Canceling</p><p class="cart__price">$149.99</p></div></div></div><div class="swiper-slide"><div class="cart"><div class="cart__header"> <img src="./img/arrivals/04.jpg" srcset="./img/arrivals/04@2x.jpg" alt="cart__img"/><div class="cart__status">New</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Skullcandy&#160;&#8212; Rail True Wireless Earbuds</p><p class="cart__price">$79.99</p></div></div></div><div class="swiper-slide"><div class="cart"><div class="cart__header"> <img src="./img/arrivals/05.jpg" srcset="./img/arrivals/05@2x.jpg" alt="cart__img"/><div class="cart__status">New</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Beats Studio Pro</p><p class="cart__price">$224.99</p></div></div></div></div></div></div></div></section><section class="collection"><div class="container collection__container"><h2 class="collection__title">Shop Collection</h2><div class="collection__carts"><div class="collection__cart collection__cart_one"><picture><source srcset="./img/collections/01.webp 1x, ./img/collections/01@2x.webp 2x" type="image/webp"><source srcset="./img/collections/01.jpg 1x, ./img/collections/01@2x.jpg 2x" type="image/jpeg"> <img src="./img/collections/01.jpg" alt="Headband" srcset="./img/collections/01@2x.jpg" class="collection__img"></picture><div class="collection__content"><h3 class="collection__subtitle">Headband</h3> <a href="#" class=" collection__link">Collection <img src="./img/icons/arrow-right-black.svg" alt="arrow-black" class="collection__arrow"></a></div></div><div class="collection__cart collection__cart_two"><picture><source srcset="./img/collections/02.webp 1x, ./img/collections/02@2x.webp 2x" type="image/webp"><source srcset="./img/collections/02.jpg 1x, ./img/collections/02@2x.jpg 2x" type="image/jpeg"> <img src="./img/collections/02.jpg" alt="Earbuds" srcset="./img/collections/02@2x.jpg" class="collection__img"></picture><div class="collection__content"><h3 class="collection__subtitle">Earbuds</h3> <a href="#" class="collection__link">Collection <img src="./img/icons/arrow-right-black.svg" alt="arrow-black" class="collection__arrow"></a></div></div><div class="collection__cart collection__cart_three"><picture><source srcset="./img/collections/03.webp 1x, ./img/collections/03@2x.webp 2x" type="image/webp"><source srcset="./img/collections/03.jpg 1x, ./img/collections/03@2x.jpg 2x" type="image/jpeg"> <img src="./img/collections/03.jpg" alt="Accessories" srcset="./img/collections/03@2x.jpg" class="collection__img"></picture><div class="collection__content"><h3 class="collection__subtitle">Accessories</h3> <a href="#" class="collection__link">Collection <img src="./img/icons/arrow-right-black.svg" alt="arrow-black" class="collection__arrow"></a></div></div></div></section><section class="seller"><div class="container seller__container"><h2 class="seller__title">Best Seller</h2><div class="seller__carts"><div class="cart"><div class="cart__header"> <img src="./img/bestseller/01.jpg" srcset="./img/bestseller/01@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Skullcandy&#160;&#8212; Crusher anc 2 wireless headphones</p><p class="cart__price">$299.99</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/02.jpg" srcset="./img/bestseller/02@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Beats Studio Pro</p><p class="cart__price">$349.99</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/03.jpg" srcset="./img/bestseller/03@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Sony&#160;&#8212; WH-CH720N Wireless Noise Canceling</p><p class="cart__price">$149.99</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/04.jpg" srcset="./img/bestseller/04@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Skullcandy&#160;&#8212; Rail True Wireless Earbuds</p><p class="cart__price">$79.99</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/05.jpg" srcset="./img/bestseller/05@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Beats Studio Pro</p><p class="cart__price">$224.99</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/06.jpg" srcset="./img/bestseller/06@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">JBL Reflect Flow Pro+ Bluetooth Truly Wireless Sports</p><p class="cart__price">$179.95</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/07.jpg" srcset="./img/bestseller/07@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">Bose QuietComfort Headphones</p><p class="cart__price">$349.00</p></div></div><div class="cart"><div class="cart__header"> <img src="./img/bestseller/08.jpg" srcset="./img/bestseller/08@2x.jpg" alt="cart__img" class="cart-bs__img"/><div class="cart__status">Hot</div> <img src="./img/icons/fav.svg" alt="fav" class="cart__fav"/> <button type="submit" class="cart__btn site-btn">Add to&#160;cart</button></div><div class="cart__discription"><div class="cart__rating rating__stars"> <img src="./img/icons/star.svg" alt="star" class="cart__star"/> <img src="./img/icons/star.svg" alt="star" class="cart__star"/></div><p class="cart__title">AKG Y600NC Wireless</p><p class="cart__price">$349.99</p></div></div></div></div></section><section class="timer"><div class="container-100 timer__container"></div></section><section class="val"><div class="container val__container"><div class="val__carts"><div class="val__cart"><div class="val__content"> <img src="./img/values/shipping.svg" alt="img" class="val__img"/><p class="val__title">Free Shipping</p><p class="val__discription">Order above $200</p></div></div><div class="val__cart"><div class="val__content"> <img src="./img/values/finance.svg" alt="img" class="val__img"/><p class="val__title">Money-back</p><p class="val__discription">30 days guarantee</p></div></div><div class="val__cart"><div class="val__content"> <img src="./img/values/close.svg" alt="img" class="val__img"/><p class="val__title">Secure Payments</p><p class="val__discription">Secured by&#160;Stripe</p></div></div><div class="val__cart"><div class="val__content"> <img src="./img/values/call.svg" alt="img" class="val__img"/><p class="val__title">24/7 Support</p><p class="val__discription">Phone and Email support</p></div></div></div></div></section><section class="newsletter"><div class="container-100 newsletter__container"><div class="newsletter__content"><h2 class="newsletter__title">Join Our Newsletter</h2><p class="newsletter__subtitle"> Sign up&#160;for deals, new products and promotions</p><form action="#" class="newsletter__email"> <img src="./img/icons/email.svg" alt="email" class="newsletter__img"/> <input type="email" placeholder="Enter your email" class="newsletter__input"/> <button type="submit" class="newsletter__btn">Signup</button></form></div></div></section><footer class="footer"><div class="container-100 footer__container-100"><div class="footer__nav"><div class="footer__logo">3legant | Headphone Store</div><ul class="nav__list footer__list"><li class="footer__item"><a href="#" class="footer__link">Home</a></li><li class="footer__item"><a href="#" class="footer__link">Shop</a></li><li class="footer__item"> <a href="#" class="footer__link">Product</a></li><li class="footer__item"> <a href="#" class="footer__link">Contact Us</a></li></ul></div><div class="footer__copyright"><p class="footer__text">&#169; 2022 -2024 3legant. All rights reserved</p><ul class="contact__list"><li class="contact__item"> <a href="#" class="contact__link"><img src="./img//socials/instagram.svg" alt="instagram" class="contact__img"/></a></li><li class="contact__item"> <a href="#" class="contact__link"><img src="./img//socials/facebook.svg" alt="instagram" class="contact__img"/></a></li><li class="contact__item"> <a href="#" class="contact__link"><img src="./img//socials/youtube.svg" alt="instagram" class="contact__img"/></a></li></ul></div></div></footer><script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script></body></html>